<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{$seo_title}</title>
    <meta name="keywords" content="{$keywords}" />
    <meta name="description" content="{$description}" />
    <meta name="baidu-site-verification" content="codeva-k26cFK2vdh" />
    <link
      rel="stylesheet"
      type="text/css"
      href="{STATIC_URL}plugin/swiper/css/swiper.min.css"
    />
    <link
      href="{STATIC_URL}web/iconfont/iconfont.css"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="{STATIC_URL}web/css/global.css"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="{STATIC_URL}web/css/index.css"
      rel="stylesheet"
      type="text/css"
    />
    <script
      type="text/javascript"
      src="{STATIC_URL}plugin/swiper/js/swiper.min.js"
    ></script>
    <script
      type="text/javascript"
      src="{STATIC_URL}js/jquery-1.8.2.min.js"
    ></script>
  </head>
  <body>
    {m:include "index","header"}
    <!-- <div class="swiper-container banner-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <a href="https://www.yzmcms.com" target="_blank">
            <img
              src="{STATIC_URL}images/banner1.png"
              alt="YzmCMS内容管理系统"
              title="YzmCMS内容管理系统"
            />
          </a>
        </div>
        <div class="swiper-slide">
          <a href="https://www.yzmcms.com/xiazai/" target="_blank">
            <img
              src="{STATIC_URL}images/banner2.png"
              alt="YzmCMS内容管理系统"
              title="YzmCMS内容管理系统"
            />
          </a>
        </div>
      </div>
      <div class="swiper-pagination"></div>
      <div class="yzm-button-next"></div>
      <div class="yzm-button-prev"></div>
    </div> -->
    <div class="list-recommend">
      {m:lists field="title,thumb,url,updatetime" modelid="1" flag="4" limit="5"
      order="updatetime DESC"} {loop $data $v}
      <a class="news-box" href="{$v[url]}">
        <div class="img hover-img">
          <img
            src="{get_thumb($v['thumb'])}"
            alt="{$v[title]}"
            title="{$v[title]}"
          />
        </div>
        <div class="text">
          <div class="title">{$v[title]}</div>
          <div class="time">{date('Y-m-d', $v['updatetime'])}</div>
        </div>
      </a>
      {/loop}
    </div>
    <div class="home-news-bg">
      <div class="left-container home-list">
        <div class="news-nav">
          <ul>
            <li class="active"><a>最新</a></li>
            {m:nav field="catid,catname,target" where="parentid=0 &
            target='_self'" limit="20"} {loop $data $v}
            <li>
              <a>{$v[catname]}</a>
            </li>
            {/loop}
          </ul>
        </div>
        <div class="list-tab">
          <div class="list-news">
            {m:lists field="title,id,catid,url,updatetime,thumb,click,catid"
            modelid="1" order="updatetime DESC" limit="10"} {loop $data $v}
            <div class="news-box">
              <a href="{$v[url]}" class="img hover-img">
                <img
                  src="{get_thumb($v['thumb'])}"
                  alt="{$v[title]}"
                  title="{$v[title]}"
                />
              </a>
              <div class="text">
                <a class="title" href="{$v[url]}">{$v[title]}</a>
                <div class="description">{$v[description]}</div>
                <div class="bottom">
                  <div class="time icon-time-circle iconfont">
                    {date('Y-m-d', $v['updatetime'])}
                  </div>
                  <div class="click icon-eye iconfont">{$v[click]}</div>
                  {php $tag_data = content_list_tag($v['catid'], $v['id']);} {if
                  $tag_data}
                  <div class="tags icon-tag iconfont">
                    {loop $tag_data $val}
                    <a href="{tag_url($val['id'])}" target="_blank">
                      {$val[tag]}
                    </a>
                    {/loop}
                  </div>
                  {/if}
                </div>
              </div>
            </div>
            {/loop}
          </div>
          {m:nav field="catid" where="parentid=0" limit="20"} {loop $data $c}
          <div class="list-news">
            {m:lists field="title,catid,id,url,updatetime,thumb,click"
            catid="$c['catid']" limit="10" order="updatetime DESC"} {loop $data
            $v}
            <div class="news-box">
              <a href="{$v[url]}" class="img hover-img">
                <img
                  src="{get_thumb($v['thumb'])}"
                  alt="{$v[title]}"
                  title="{$v[title]}"
                />
              </a>
              <div class="text">
                <a href="{$v[url]}" class="title">{$v[title]}</a>
                <div class="description">{$v[description]}</div>
                <div class="bottom">
                  <div class="time icon-time-circle iconfont">
                    {date('Y-m-d', $v['updatetime'])}
                  </div>
                  <div class="click icon-eye iconfont">{$v[click]}</div>
                  {php $tag_data = content_list_tag($v['catid'], $v['id']);} {if
                  $tag_data}
                  <div class="tags icon-tag iconfont">
                    {loop $tag_data $val}
                    <a href="{tag_url($val['id'])}" target="_blank">
                      {$val[tag]}
                    </a>
                    {/loop}
                  </div>
                  {/if}
                </div>
              </div>
            </div>
            {/loop}
          </div>
          {/loop}
        </div>
      </div>
      {m:include "index","globalRight"}
    </div>
    <script>
      //  new Swiper('.banner-container', {
      //   loop: true,
      //   centeredSlides: true,
      //   autoplay: {
      //     delay: 3500,
      //     disableOnInteraction: false
      //   },
      //   pagination: {
      //     el: '.swiper-pagination',
      //     clickable: true
      //   }
      // })
      $('.list-news').eq(0).addClass('active')
      $('.home-list .news-nav ul li').click(function () {
        const index = $(this).index()
        $(this).addClass('active').siblings().removeClass('active')
        $('.list-news').removeClass('active').eq(index).addClass('active')
      })
    </script>
    {m:include "index","footer"}
  </body>
</html>
